<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ page import = "jdbc.*" %>

<%

if (request.getParameter("name") != null) {
	out.print("success, 信息已经成功发送给管理员.");
	return;
}

%>

<!DOCTYPE html>
<html lang="en">
     <head>
     <title>关于</title>
     <meta charset="utf-8">
     <meta name = "format-detection" content = "telephone=no" />
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.min.css">
     <link rel="stylesheet" href="css/stuck.css">
     <link rel="stylesheet" href="css/contact-form.css" media="screen">
     <script src="js/jquery-1.11.1.min.js"></script>
     <script src="js/jquery-migrate-1.2.1.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/jquery.equalheights.js"></script>
	 <script src="js/script.js"></script>
     <script src="js/superfish.js"></script>
     <script src="js/jquery.mobilemenu.js"></script>
     <script src="js/tmStickUp.js"></script>
     <script src="js/TMForm2.js"></script>
     <script src="js/modal.js"></script> 
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script src="js/html5shiv.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
     </head>
     <body>
<!--============================== Header =================================-->
	<%@ include file = "./header.jsp" %>

<!--======= Content ================================-->


<!--======= Contact & Feedback =======-->
<div class="content contact">
    <div class="container">
        <h3>联系信息</h3>
        <div class="map">
        	<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.hk/maps?f=q&amp;source=s_q&amp;hl=zh-CN&amp;geocode=&amp;q=%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6+%E7%B4%AB%E8%8D%86%E5%85%AC%E5%AF%93+2%E5%8F%B7%E6%A5%BC&amp;aq=&amp;sll=40.009735,116.326053&amp;sspn=0.010272,0.019805&amp;ie=UTF8&amp;hq=%E7%B4%AB%E8%8D%86%E5%85%AC%E5%AF%93+2%E5%8F%B7%E6%A5%BC&amp;hnear=%E4%B8%AD%E5%9B%BD%E5%8C%97%E4%BA%AC%E6%B5%B7%E6%B7%80%E5%8C%BA%E5%8F%8C%E6%B8%85%E8%B7%AF30%E5%8F%B7%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6&amp;ll=40.004833,116.326238&amp;spn=0.012397,0.006295&amp;t=m&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com.hk/maps?f=q&amp;source=embed&amp;hl=zh-CN&amp;geocode=&amp;q=%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6+%E7%B4%AB%E8%8D%86%E5%85%AC%E5%AF%93+2%E5%8F%B7%E6%A5%BC&amp;aq=&amp;sll=40.009735,116.326053&amp;sspn=0.010272,0.019805&amp;ie=UTF8&amp;hq=%E7%B4%AB%E8%8D%86%E5%85%AC%E5%AF%93+2%E5%8F%B7%E6%A5%BC&amp;hnear=%E4%B8%AD%E5%9B%BD%E5%8C%97%E4%BA%AC%E6%B5%B7%E6%B7%80%E5%8C%BA%E5%8F%8C%E6%B8%85%E8%B7%AF30%E5%8F%B7%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6&amp;ll=40.004833,116.326238&amp;spn=0.012397,0.006295&amp;t=m" style="color:#0000FF;text-align:left">查看大图</a></small>
			</div>
        <div class="row">
            <div class="grid_4">
                <div class="contact_details" style= "font-family: 'Corbel'; font-size: initial">
                    <p class="adrress">关于我们</p>
                    <p><span>作者:</span>梁盾</p>
                    <p><span> </span>高博</p>
                    <p class="adrress">清华大学紫荆公寓 2#102A</p>
                    <p><span>Freephone:</span>+1 800 000 0000</p>
                    <p><span>Telephone:</span>+1 800 000 0000</p>
                    <p><span>IP:</span>166.111.8.28</p>
                    <p class="mail"><span>E-mail:</span> <a href="mailto:mail@suck.org">mail@suck.org</a></p>
                </div>
            </div>
            <div class="grid_8">
                <form id="contact-form">
                  <div class="contact-form-loader"></div>
                  <fieldset>
                    <label class="name">
                      <input type="text" name="name" placeholder="Name:" value="" data-constraints="@Required @JustLetters"  />
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*This is not a valid name.</span>
                    </label>
                    <label class="email">
                      <input type="text" name="email" placeholder="Email:" value="" data-constraints="@Required @Email" />
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*This is not a valid email.</span>
                    </label>
                    <label class="phone">
                      <input type="text" name="phone" placeholder="Phone:" value="" data-constraints="@Required @JustNumbers" />
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*This is not a valid phone.</span>
                    </label>
                    <label class="message">
                      <textarea name="message" placeholder="Message:" data-constraints='@Required @Length(min=20,max=999999)'></textarea>
                      <span class="empty-message">*This field is required.</span>
                      <span class="error-message">*The message is too short.</span>
                    </label>
                    <div class="btn-feedback">                   
                        <a href="#" class="link" data-type="reset">
                            <span class="link_text">Clear</span>
                            <span class="link_arrow">>></span>
                        </a>
                        <a href="#" class="link" data-type="submit">
                            <span class="link_text">Send</span>
                            <span class="link_arrow">>></span>
                        </a>
                    </div>
                  </fieldset> 
                  <div class="modal fade response-message">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title">Modal title</h4>
                        </div>
                        <div class="modal-body">
                          You message has been sent! We will be in touch soon.
                        </div>      
                      </div>
                    </div>
                  </div>
                </form>
            </div>
        </div>
    </div>
</div>


<!--======= Footer =================================-->

<!--======= To Top Button =================================-->

<%@ include file = "./footer.jsp" %>
</body>
</html>